<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
	<f:view>
		<p:panel header="Hospedagem Unidade #{hospedagemManager.hospedagem.unidadeHospedagem.numeroUnidade}" id="panel_hospedagem" rendered="#{hospedagemManager.unidade.id == null or hospedagemManager.hospede.id == null}">
			<h:panelGroup id="panel_filtros">
				<h:panelGrid columns="4">
					<h:outputText value="Nome" />
					<p:inputText value="#{clienteManager.clienteSearch.pessoa.nome}" />
					
					<h:outputText value="CPF"/>
					<p:inputMask id="cpf" mask="999.999.999-99" value="#{clienteManager.clienteSearch.pessoa.cpf}" label="CPF" converter="cpfConverter" />
				
					<p:commandButton value="Procurar" action="#{clienteManager.search}" update=":form_cliente" process=":form_hospedar:panel_filtros" oncomplete="dlg_cliente.show();"/>
				
				</h:panelGrid>
			</h:panelGroup>
			
			<p:panel header="Pet's">
				<p:dataGrid value="#{clienteManager.cliente.animal}" var="animal" columns="1" paginator="true" paginatorPosition="top" rows="2">
					<p:column>
						<table style="width: 100%">
							<tr>
								<td style="width:80%;">
									<h:outputText value="#{animal.nome}"/>
								</td>
								<td>
									<p:commandButton action="#{hospedagemManager.selectHospede}" value="Hospedar" update=":form_hospedar" process="@this">
										<f:setPropertyActionListener target="#{hospedagemManager.hospede}" value="#{animal}" />
									</p:commandButton>
								</td>
							</tr>
						</table>
					</p:column>
				</p:dataGrid>
			</p:panel>
		</p:panel>
		
		<p:panel header="Dados da Hospedagem" id="dados_hospedagem" rendered="#{hospedagemManager.unidade.id != null and hospedagemManager.hospede.id != null}">
			<p:panel header="Hóspede">
				<table style="width: 100%;">
					<tr>
						<td>
							<h:outputText value="Cliente" /> <br />
							<h:outputText value="#{clienteManager.cliente.pessoa.displayNome} - #{clienteManager.cliente.pessoa.displayDocumento}"/>
						</td>
						<td>
							<h:outputText value="Quarto" /><br />
							<h:outputText value="#{hospedagemManager.hospedagem.unidadeHospedagem.numeroUnidade}" />
						</td>
						<td>
							<h:outputText value="Hóspede" /> <br />
							<h:outputText value="#{hospedagemManager.hospedagem.animal.nome}" />
						</td>
					</tr>
				</table> 
			</p:panel>
			<p:panel header="Estadia">
				<table style="width: 100%;">
					<tr>
						<td>
							<h:outputText value="Data de Entrada" styleClass="required" /><br />
							<p:calendar value="#{hospedagemManager.hospedagem.dataEntrada}" datePattern="dd/MM/yyyy" yearRange="1900" locale="pt" required="true"/>
						</td>
						<td>
							<h:outputText value="Data de Saída" styleClass="required"/><br />
							<p:calendar value="#{hospedagemManager.hospedagem.dataSaida}" datePattern="dd/MM/yyyy" yearRange="1900" locale="pt" required="true"/>
						</td>
						<td>
							<h:outputText value="Estado de Saúde" styleClass="required"/><br />
							<h:selectOneMenu value="#{hospedagemManager.hospedagem.estadoSaude}" required="true">
								<f:selectItems value="#{utilManager.listEstadoSaude}" />
							</h:selectOneMenu>
						</td>
					</tr>
				</table> 
			</p:panel>
			<p:panel header="Observações">
				<table style="width: 100%;">
					<tr>
						<td colspan="1" style="vertical-align: top;">
							<h:outputText value="Observações" /><br />
							<p:inputTextarea value="#{hospedagemManager.hospedagem.observacoes}" rows="11" cols="20"/>
						</td>	
						<td colspan="2" style="vertical-align: top;">
							<h:panelGroup id="panel_itens">
							
								<table style="width:100%">
									<tr>
										<td style="width:90%">
											<table style="width: 100%;">
												<tr>
													<td style="width: 50%;">
														<h:outputText value="Item" />
													</td>
													<td>
														<h:inputText value="#{hospedagemManager.itensHospedagem.descricao}" />
													</td>
												</tr>
												<tr>
													<td>
														<h:outputText value="Estado de Conservação" />
													</td>
													<td>
														<h:selectOneMenu value="#{hospedagemManager.itensHospedagem.estadoConservacao}">
															<f:selectItems value="#{utilManager.listEstadoConservacao}" />
														</h:selectOneMenu>
													</td>
												</tr>
												<tr>
													<td>
														<h:outputText value="Item Perecível?" />
													</td>
													<td>
														<h:selectBooleanCheckbox value="#{hospedagemManager.itensHospedagem.perecivel}" />
													</td>
												</tr>
											</table>
										</td>
										<td style="vertical-align:top; width: 20%;">
											<p:commandButton title="Inserir" icon="ui-icon-check"
												action="#{hospedagemManager.addItensHospedagem}" 
												update=":form_hospedar:panel_itens" style="height: 30px; margin-right:10px;" process=":form_hospedar:panel_itens"/>
										</td>
									</tr>
								</table>
								
								<p:dataTable id="table_itens"
									emptyMessage="Não foram cadastrados itens." 
									value="#{hospedagemManager.hospedagem.itensHospedagem}" var="itens" rows="3" 
									paginator="true" paginatorPosition="top">
									<p:column headerText="Item">
										<h:outputText value="#{itens.descricao}" />
									</p:column>
									<p:column headerText="Devolvido">
										<h:outputText value="#{itens.devolvido? 'Sim':'Não'}" />
									</p:column>
								</p:dataTable>
							</h:panelGroup>
						</td>
					</tr>
				</table>
			</p:panel>	
			
			<p:commandButton action="#{hospedagemManager.save}" value="Incluir Hóspede" oncomplete="dlg_alocar_unidade.hide();" update=":form :form:growl"/>
		</p:panel>
		
		
	</f:view>
</html>
